i,
div {
	font-style: normal;
}

.keyboard {
	width: 100%;
	/*height: 200px;*/
	margin: 0 auto;
	font-size: 18px;
	border-radius: 2px;
	background-color: #E5E6E8;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.keyboard i:active {
	color: #fff;
	background-color: #4BC1CD;
}
.keyboard-zh,.keyboard-en{
	padding-top:0.5em;
}
.keyboard-zh p,
.keyboard-en p {
	width: 98%;
	margin: 0 auto;
	height: 36px;
	margin-bottom: 0.5em;
	display: -webkit-box;
	/*display: -webkit-flex;*/
	/*display: -moz-flex;*/
	/*display: -ms-flex;*/
	/*display: flex;*/
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}

/*.keyboard-zh p,*/
/*.keyboard-en p {*/
	/*width: 98%;*/
	/*margin: 0 auto;*/
	/*display: -webkit-box;*/
	/*height: 36px;*/
    /*margin-bottom: 0.5em;*/
/*}*/
.keyboard-zh p:nth-child(3),.keyboard-zh p:nth-child(4),
.keyboard-en p:nth-child(3),.keyboard-en p:nth-child(4){
	width:85%
}

.keyboard-zh p i,
.keyboard-en p i {
	display: block;
	margin: 0 0.3%;
	height:36px;
	line-height:36px;
	border-radius: 3px;
	background-color: #fff;
	text-align: center;
	-webkit-box-flex: 1;
}

.keyboard-en p:nth-child(n+3) i {
	width: 7%;
	margin: 0 0.5%;
}

.keyboard-zh p:nth-child(n+3) i {
	width: 9%;
}
.keyboard-en span{
	display: block;
    width: 13%;
    color: #FFFFFF;
    font-size: 1em;
    background-color: #ccc;
	margin: 0 0.3%;
	padding: 8px 0;
    text-align: center;
    border-radius: 2px;
}

.keyboard-zh span:active,
.keyboard-en span:active {
	background-color: #efefef;
}


/**拓展样式*/


/**出现在底部*/
.normal,
.upglide {
	position: fixed;
    bottom: 0;
    z-index: 5;
	pointer-events:auto;
}
.upglide {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);	
	-moz-transform: translateY(0);	
}

.key-zhezhao{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
}